Deploying into Web Widget Channel

Owned by Bhavani.tvr (Unlicensed)
Last updated: Jan 28, 2021 by sneha.tripathi
2 min read

Web Widget is the out-of-the-box Chat channel provided by Serviceaide, that enables the end-users to interact with LumaVirtual Agent. It is a piece of code that can be embedded into your Organization's website or application to allow users to chat with your Bot and request available services.

To install and enable the Web Widget in Luma Bot Builder, follow the below steps:

  1. Navigate to the Bot Menu → Configurations → Channels tab.

  2. Click on the Web Widget tile.

  3. Download the Widget Code (luma-web-widget.zip).

  4. Copy and retain the information in Secret Key, the Header Code, and the Body Code in a text editor tool.

  5. Customize Welcome Screen settings.

  6. Set User Reconciliation fields for Channel Authentication.

  7. Click Enable/Save to enable Web Widget for your bot.

To configure the Web widget on your website, do the following:

  1. Open the downloaded luma-web-widget folder.

  2. Open the index.html page of your web portal in a text editor. Copy the details on the index.html page:

    1. Paste the contents of the luma-web-widget folder's index page into your index.html page.

    2. Paste the Header Code from the Web Widget configuration page

    3. Paste the Body Code from the Web Widget configuration page in the index.html.

    4. In the Script section of the Body code, update the Bot name, Display name, Secret Key, and Domain details.

  3. Save the index.html page.

  4. Now test the web widget and launch your webpage.

  5. A bot symbol now appears on the right-hand corner of the screen. Click on the symbol to open your Luma Virtual Agent.

  6. Execute a skill and verify if the bot performs the required action as required.

Your Web Widget is now ready.

An existing user is auto-authenticated by the bot and can instantly start interacting with the bot. New users or non-registered users are prompted to register. Once registration is done, the user can start communicating with Luma.

To learn about troubleshooting the WebWidget refer to Troubleshooting the Web Widget.